<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML version="-//W3C//DTD HTML 4.01 Transitional//EN">
	<HEAD>
		<TITLE>用户登录</TITLE>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
		input {
			background-color: #D3EDF9;
		}
		</style>
		<LINK href="css/User_Login.css" type=text/css rel=stylesheet>
		<META http-equiv=Content-Type content="text/html; charset=gb2312">
		<META content="MSHTML 6.00.6000.16674" name=GENERATOR>
	</HEAD>
	<BODY bgColor=#3068b5 onload=fly(); id=userlogin_body>

		<SCRIPT language=JavaScript>
		<!--
		SmallStars = 30; 
		LargeStars = 15;
		
		SmallYpos = new Array();
		SmallXpos = new Array();
		LargeYpos = new Array();
		LargeXpos = new Array();
		Smallspeed= new Array();
		Largespeed= new Array();
		ns=(document.layers)?1:0;
		if (ns){
		for (i = 0; i < SmallStars; i++)
		{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>")}
		for (i = 0; i < LargeStars; i++)
		{document.write("<LAYER NAME='ln"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>")}
		}
		else{
		document.write('<div style="position:absolute;top:0px;left:0px">');
		document.write('<div style="position:relative">');
		for (i = 0; i < SmallStars; i++)
		{document.write('<div id="si" style="position:absolute;top:0;left:0;width:1px;height:1px;background:#fffff0;font-size:1px"></div>')}
		document.write('</div>');
		document.write('</div>');
		document.write('<div style="position:absolute;top:0px;left:0px">');
		document.write('<div style="position:relative">');
		for (i = 0; i < LargeStars; i++) 
		{document.write('<div id="li" style="position:absolute;top:0;left:0;width:2px;height:2px;background:#ffffff;font-size:2px"></div>')}
		document.write('</div>');
		document.write('</div>');
		}
		WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
		WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
		//Inital placement!
		for (i=0; i < SmallStars; i++) 
		 {                                                                
		 SmallYpos[i] = Math.round(Math.random()*WinHeight);
		 SmallXpos[i] = Math.round(Math.random()*WinWidth);
		 Smallspeed[i]= Math.random()*5+1;
		}
		for (i=0; i < LargeStars; i++) 
		 {                                                                
		 LargeYpos[i] = Math.round(Math.random()*WinHeight);
		 LargeXpos[i] = Math.round(Math.random()*WinWidth);
		 Largespeed[i]= Math.random()*10+5;
		}
		function fly(){
		var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
		var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
		var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
		var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
		
		for (i=0; i < LargeStars; i++)
		{
		 LargeXpos[i]-=Largespeed[i];
		 if (LargeXpos[i] < -10)
		  {
		  LargeXpos[i]=WinWidth;
		  LargeYpos[i]=Math.round(Math.random()*WinHeight);
		  Largespeed[i]=Math.random()*10+5;
		  }
		 if (ns){
		 document.layers['ln'+i].left=LargeXpos[i];
		 document.layers['ln'+i].top=LargeYpos[i]+hscrll;
		 }
		 else{
		 li[i].style.pixelLeft=LargeXpos[i];
		 li[i].style.pixelTop=LargeYpos[i]+hscrll;
		 }
		}
		
		for (i=0; i < SmallStars; i++)
		{
		 SmallXpos[i]-=Smallspeed[i];
		 if (SmallXpos[i] < -10)
		  {
		  SmallXpos[i]=WinWidth;
		  SmallYpos[i]=Math.round(Math.random()*WinHeight);
		  Smallspeed[i]=Math.random()*5+1;
		  }
		 if (ns){
		 document.layers['sn'+i].left=SmallXpos[i];
		 document.layers['sn'+i].top=SmallYpos[i]+hscrll;
		 }
		 else{
		 si[i].style.pixelLeft=SmallXpos[i];
		 si[i].style.pixelTop=SmallYpos[i]+hscrll;
		 } 
		}
		setTimeout('fly()',15);
		}
		//fly();
		
		
		//-->
		</SCRIPT>
		<form action="login!doLogin.action" method="post" id="loginForm">
			<DIV id=user_login>
				<DL>
					<DD id=user_top>
						<UL>
							<LI class=user_top_l></LI>
							<LI class=user_top_c></LI>
							<LI class=user_top_r></LI>
						</UL>
					</DD>
					<DD id=user_main>
						<UL>
							<LI class=user_main_l></LI>
							<LI class=user_main_c>
								<DIV class=user_main_box>
									<UL>
										<!--<LI class=user_main_text>用户名： </LI>-->
										<LI class=user_main_input>
											身&nbsp;&nbsp;&nbsp;份：
											<select name="role" size="1">
												<c:forEach items="${roleList}" var="role">
													<option value="${role.roleId}">
														${role.roleName}
													</option>
												</c:forEach>
											</select>
										</LI>
									</UL>
									<UL>
										<LI class=user_main_input>
											用户名：
											<INPUT class=TxtUserNameCssClass id=TxtUserName maxLength=20
												name=userName value="${userName}">
										</LI>
									</UL>
									<UL>
										<LI class=user_main_input>
											密&nbsp;&nbsp;&nbsp;码：
											<INPUT class=TxtPasswordCssClass id=TxtPassword type=password
												name=loginPwd>
										</LI>
									</UL>
									<UL>
										<LI class=user_main_input>
											验证码：
											<input class=TxtValidateCodeCssClass type="text"
												name="checkCode" maxlength="4"/>
											&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<img src="securityCode.action" align=bottom>
										</LI>
									</UL>
								</DIV>
							</LI>
							<LI class=user_main_r>
								<INPUT class=IbtnEnterCssClass id=IbtnEnter
									style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px"
									onclick="javascript:document.getElementById('loginForm').submit();"
									type=image src="images/user_botton.gif" name=IbtnEnter>
							</LI>
						</UL>
					</DD>
					<DD id=user_bottom>
						<UL>
							<LI class=user_bottom_l></LI>
							<LI class=user_bottom_c></LI>
							<LI class=user_bottom_r></LI>
						</UL>
					</DD>
				</DL>
			</DIV>
			<SPAN id=ValrUserName style="DISPLAY: none; COLOR: red"></SPAN>
			<SPAN id=ValrPassword style="DISPLAY: none; COLOR: red"></SPAN>
			<SPAN id=ValrValidateCode style="DISPLAY: none; COLOR: red"></SPAN>
			<DIV id=ValidationSummary1 style="DISPLAY: none; COLOR: red"></DIV>
			<DIV></DIV>
		</form>
	</BODY>
</HTML>
